<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>人物管理系统</title>
		<link th:href="@{/css/page.css}" rel="stylesheet" type="text/css" />
		<link th:href="@{/css/css_admin.css}" rel="stylesheet" type="text/css" />
		<link th:href="@{/css/style.css}" rel="stylesheet" type="text/css" />
		<script type="text/javascript" th:src="@{/webjars/jquery/3.2.1/jquery.min.js}"></script>
		<style>
			.tab1{border:1px solid #ddd}
			.tab1 td{border:1px solid #ddd}
			.tab1 th{border:1px solid #ddd}
			.tab1 .input2{height:24px; line-height:24px; border:1px solid #ddd; background:#f5f5f5; padding:0 5px; width:200px}
		</style>
</head>
<body>
  <div id="content_add" class="content_top" align="center">
  	<form>  	
  		<input type="hidden" name="id" id="id" th:value="${power.id}"/>	
  		<table border="1" cellpadding="0" cellspacing="0" class="tablelist">
   			<tr style="height:30px">
   				<td class="td_add_1" align="right" style="width:150px">权限编码:</td>
   				<td class="td_add_2" align="left">
   					<input type="text" id="powername" name="powername" th:value="${power.powername}"  maxlength="50" class="input2" />
   					<font color="red">*</font>必填。功能权限命名为"FUN_功能名称"格式。
   				</td>
   			</tr>
   			<tr style="height:30px">
   				<td class="td_add_1" align="right">权限描述:</td>
   				<td class="td_add_2" align="left">
   					<input type="text" id="memo" name="memo" th:value="${power.memo}" class="input2" />
			  		<font color="red">*</font>必填。
   				</td>
   			</tr>
   			<tr style="height:30px">
   				<td class="td_add_1" align="right">一级分类:</td>
   				<td class="td_add_2" align="left">
   					<select name="catalog1" id="catalog1"  onchange="loadSecondPowerCatalogs(${power.catalog2})" >
						<div th:each="entity,iterStat:${topPowerCatalogs}">  
				           <option th:value="${entity.id}" th:selected="${power.catalog1 eq entity.id}" th:text="${entity.catalogname}"></option>
				        </div>
   					</select>
   					<font color="red">*</font>必填。如果没有合适的分类，请在资源分类管理中添加。 
   				</td>
   			</tr>
   			<tr style="height:30px">
   				<td class="td_add_1" align="right">二级分类:</td>
   				<td class="td_add_2" align="left">
   					<select name="catalog2" id="catalog2">
   						<option value="0">无</option>
						<div th:each="entity,iterStat:${topPowerCatalogs}">  
				           <option th:value="${entity.id}" th:selected="${power.catalog2 eq entity.id}" th:text="${entity.catalogname}"></option>
				        </div>
   					</select>
   					
   				</td>
   			</tr>
   			<tr style="height:30px">
   				<td class="td_add_1" align="right">权限优先级:</td>
   				<td class="td_add_2" align="left">
   					<input type="text" id="rank" name="rank" th:value="${power.rank}" class="input2" /> 说明：值为数字类型，例如：1、2、3、10、100，值越小优先级越高。
    			</td>
   			</tr>
   			<tr style="height:30px">
   				<td class="td_add_1" align="right">权限对应的url:</td>
   				<td class="td_add_2" align="left">
   					<input type="text" id="powerurl" name="powerurl" th:value="${power.powerurl}" class="input2" />
			  		说明：如果填写权限url，则用户角色包含该权限时，才能访问此url。例如:"后台访问"权限对应url为"/admin/*"。
   				</td>
   			</tr>
   			<tr style="height:50px">
   				<td colspan="2">
					<button type="button" class="btn btn-success  btn-sm"  style="width:80px" onClick="addOrUpdatePower()">确定</button> &nbsp; &nbsp;
					<button type="reset" class="btn btn-default  btn-sm"  style="width:80px" >重置</button>
   				</td>
   			</tr>
		</table>
	</form>
  </div>
</body>
</html>